import React from 'react'
import { Link } from 'react-router-dom'
import { Flex, Spacer, Box, Image } from '@chakra-ui/react'
import Logo from '../../assets/images/nav-logo.png';

export default function Home() {
  let styles = {
    border: '1px solid rgba(236,97,73,.7)',
    color:'#ea6f5a',
    width:'80px',
    height:'38px',
    display:'inline-block',
    lineHeight:'38px',
    borderRadius:'20px',
    textAlign:'center'
  }
  return <Flex style={{borderBottom:'1px solid #f0f0f0'}}>
    <Box p="2">
      <Image w="100px" h="56px" src={Logo} />
    </Box>
    <Spacer />
    <Box p="4">
        <Link to="/sign_in" style={{color:'#969696',fontSize:'15px',marginRight:'20px'}}>
          登录
        </Link>
        <Link to="/sign_up" style={styles}>
          注册
        </Link>
      </Box>
    </Flex>
}